<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>TMC可视化指挥平台</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/public.js"></script>
	</head>

	<body>
		<div class="topbox">
			<div class="head clearfloat">
				<div class="logo clearfloat">
					<em></em><span>智慧消防大数据云平台</span>
				</div>
				<div class="nav">
					<ul class="clearfloat">
						<li><a href="index.html">首页</a></li>
						<li class="active"><a href="">产品中心</a>
							<div class="nav_down">
								<p><a href="tmc1.html">TMC智慧消防云平台</a></p>
								<p><a href="tmc2.html">TMC智慧消防APP/小程序</a></p>
								<p><a href="tmc3.html">TMC可视化指挥平台</a></p>
								<p><a href="hard.html">硬件终端</a></p>
							</div>
						</li>
						<li><a href="solve.html">解决方案 </a>
							<div class="nav_down">
								<p><a href="">火灾自动报警系统解决方案</a></p>
								<p><a href="">电气火灾监控系统解决方案</a></p>
								<p><a href="">可燃气体监控系统解决方案</a></p>
								<p><a href="">消防给水监测系统解决方案</a></p>
								<p><a href="">气体灭火控制系统解决方案</a></p>
								<p><a href="">防火门监控系统解决方案</a></p>
								<p><a href="">消防视频监控系统解决方案</a></p>
								<p><a href="">消防巡检系统解决方案</a></p>
								<p><a href="">应急疏散系统解决方案</a></p>
							</div>
						</li>
						<li><a href="case.html">应用案例</a></li>
						<li><a href="agent.html">招商代理</a></li>
						<li><a href="about.html">关于我们</a></li>
					</ul>
				</div>
			</div>

		</div>
		<!--top-->
		<div class="wraps">

			<div class="pro_ban">
				<div class="pro_use clearfloat">
					<div class="pro_le">
						<div class="good_tit">
							TMC可视化指挥平台
						</div>
						<div class="good_info">
							“一张图”实战指挥系统，实现多领域安防系统大联网，可视化呈现救援信息要素，打通从灾情感知到智能研判再到救援调度的整个救灾流程。通过一张图做到指挥、调度、分析、决策一气呵成，为分秒必争的火灾救援抢时间。
						</div>
						<div class="good_more">
							<a href="">立即咨询</a>
						</div>
					</div>
					<div class="dire_pic">
						<div id="dire1" class="dire1">
							<img src="images/dire1.png" alt="" width="75" height="76">
						</div>
						<div id="dire2" class="dire2">
							<img src="images/dire2.png" alt="" width="458" height="238">
						</div>
						<div id="dire3" class="dire3">
							<img src="images/dire3.png" alt="" width="408" height="203">
						</div>
					</div>
				</div>
			</div>

			<!--banner-->
			<div class="main">
				<div class="term_top">
					<div class="term_tit">
						TMC可视化指挥平台
					</div>

				</div>
				<div class="term_cut">
					<span class="active"> 指挥大厅</span><span>物联监测</span><span>远程报警</span><span>互联互通</span>
				</div>
				<div class="term1 clearfloat">
					<div class="term_text">
						<div class="dire_tit">
							指挥大厅，辖区状况实时掌握
						</div>
						<div class="dire_text">
							打造指挥大厅，与系统相连，24小时监管辖区范围内各单位安全状况，隐患险情、救援力量一图掌握，隐患及时整改，实时查看险情周边情况，调动最近的救援力量，应急救援，减少损失。
						</div>
					</div>
					<div class="term_pic">
						<img src="temp/term1.png" />
					</div>
				</div>
				<div class="term2_box">
					<div class="term2">
						<div class="term_text">
							<div class="dire_tit">
								物联监测，智能感知安全状况
							</div>
							<div class="dire_text">
								通过各种前端物联探测设备，智能感知监测范围内重大危险源及设备的安全状况，智能研判，实时报警，快速应急处理。
							</div>
						</div>
						<div class="term_pic">
							<img src="temp/term2.png" />
						</div>
					</div>
				</div>
				<div class="term3 clearfloat">
					<div class="term_text">
						<div class="dire_tit">
							远程报警，险情随时知晓
						</div>
						<div class="dire_text">
							遇有火警，物联设备智能预警，将消息发送到平台及相关责任人APP。
						</div>
					</div>
					<div class="term_pic">
						<img src="temp/term3.png" />
					</div>
				</div>
				<div class="term4_box">
					<div class="term4">
						<div class="term_text">
							<div class="dire_tit">
								互联互通，信息共享
							</div>
							<div class="dire_text">
								市消防大队、各消防大队、市局治安分局等相关单位，可在本平台建立监控显示屏，根据需要，可直接调取市级监控平台的数据。
							</div>
						</div>
						<div class="term_pic">
							<img src="temp/term4.png" />
						</div>
					</div>
				</div>
			</div>
			<!--main-->

			<div class="footerbox">
				<div class="footer clearfloat">
					<div class="hot_line">
						<div class="hot_tit">
							<span>售前咨询热线</span>
						</div>
						<div class="call">
							400-888-8888
						</div>
						<div class="qqin">
							QQ咨询
						</div>
					</div>
					<div class="fast_nav">
						<div class="fast_tit">
							快速导航
						</div>
						<div class="fast_list">
							<p><a href="tmc1.html">产品中心</a></p>
							<p><a href="solve.html">解决方案</a></p>
							<p><a href="case.html">应用案例</a></p>
							<p><a href="agent.html">招商代理</a></p>
							<p><a href="about.html">关于我们</a></p>
						</div>
					</div>
					<div class="contus">
						<div class="fast_tit">
							联系我们
						</div>
						<div class="fast_list">
							<p>武汉XX科技有限公司</p>
							<p>地址：湖北省武汉市洪山区光谷XX大厦</p>
							<p>邮箱：admin@admin.com</p>
							<p>电话：400-888-8888</p>
						</div>
					</div>
					<div class="code">
						<div class="code_pic">
							<img src="temp/code.png" />
						</div>
						<div class="code_text">
							微信公众号
						</div>
					</div>
				</div>
				<div class="copy">
					&copy; <script>document.write(new Date().getFullYear());</script> XX公司&nbsp;&nbsp;ICP备XXXXXXXX号&nbsp;&nbsp;友情链接：<a style="color:#fff;" href="https://www.jsdaima.com/" title="js代码" target="_blank">js代码（www.jsdaima.com）</a>
				</div>
			</div>

			<div class="contact">
				<div class="callbox">
					<span>&#xe606;</span>
					<div class="call_num">
						400-888-8888
					</div>
				</div>
				<div class="wxbox">
					<span></span>
					<div class="wxpic">
						<img src="temp/weixin.png" />
					</div>
				</div>
				<div class="return">
					<span></span>
					<!--<img src="images/return.png"/>-->
				</div>
			</div>
		</div>
		<!--右侧返回顶部-->
		<script src="js/jquery.nGyroParallax.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".pro_ban").mousemove(function(e) {
					$('#dire1').nGyroParallax({
						magnification: .005
					});
					$('#dire2').nGyroParallax({
						magnification: .004
					});
					$('#dire3').nGyroParallax({
						magnification: .002
					});
				}).mouseleave(function() {
					$('#dire1').nGyroParallax({
						magnification: 0
					});
					$('#dire2').nGyroParallax({
						magnification: 0
					});
					$('#dire3').nGyroParallax({
						magnification: 0
					});
				})
			});
		</script>

		<script>
			var pro = function() {
				var index = 0;
				var h1 = $('.term1').offset().top;
				var h2 = $('.term2').offset().top;
				var h3 = $('.term3').offset().top;
				var h4 = $('.term4').offset().top;
				$(".term_cut span").click(function() {
					$(this).addClass("active").siblings("span").removeClass("active");
					index = $(this).index();
					if (index == 0) {
						$(".wraps").animate({
							scrollTop: h1 - 200
						}, 300);
					} else if (index == 1) {
						$(".wraps").animate({
							scrollTop: h2 - 200
						}, 300);
					} else if (index == 2) {
						$(".wraps").animate({
							scrollTop: h3 - 200
						}, 300);
					} else if (index == 3) {
						$(".wraps").animate({
							scrollTop: h4 - 200
						}, 300);
					}
				})
				var mahe = $(".term_cut").offset().top - 60;
				$(".wraps").scroll(function() {
					var he = $(this).scrollTop();
					if (he < mahe) {
						$(".term_cut").removeClass("active");
					} else {
						$(".term_cut").addClass("active")
					}
					if (he < h1) {
						$(".term_cut span").eq(0).addClass("active").siblings("span").removeClass("active");
					} else if (he < h2) {
						$(".term_cut span").eq(1).addClass("active").siblings("span").removeClass("active");
					} else if (he < h3) {
						$(".term_cut span").eq(2).addClass("active").siblings("span").removeClass("active");
					} else if (he < h4) {
						$(".term_cut span").eq(3).addClass("active").siblings("span").removeClass("active");
					}
				})
			}
			pro(); //产品中心切换
		</script>
	</body>

</html>